<!-- 
/* ************************************************************************
 *                        _oo0oo_
 *                       o8888888o
 *                       88" . "88
 *                       (| -_- |)
 *                       0\  =  /0
 *                     ___/`---'\___
 *                   .' \\|     |// '.
 *                  / \\|||  :  |||// \
 *                 / _||||| -:- |||||- \
 *                |   | \\\  - /// |   |
 *                | \_|  ''\---/''  |_/ |
 *                \  .-\__  '-'  ___/-. /
 *              ___'. .'  /--.--\  `. .'___
 *           ."" '<  `.___\_<|>_/___.' >' "".
 *          | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 *          \  \ `_.   \_ __\ /__ _/   .-` /  /
 *      =====`-.____`.___ \_____/___.-`___.-'=====
 *                        `=---='
 * 
 * 
 ************************************************************************
 *		本代码已经过佛祖开光处理，佛祖保佑，永不宕机，永无BUG。
 *		文件名称：略
 *		简要描述：设置页面
 *		作   者：Frank
 *		创建日期：2023/08/22
 *		联系方式：邮箱: goodboybbc@outlook.com, 微信：goodboybbc 可提供后台源码(Node.js开发)和数据库(MySQL)

 *		Copyright(c)	2023-2033   Frank   本项目已取得软件著作权和备案，仅供学习研究。软件著作权登记号：软著登字第12572259号 备案号:川公网安备51012202001748 蜀ICP备2024058077号-1 
 ********************************修改记录********************************
		作	者			修改日期				修改内容 
		Frank			2023/08/22			创建文件
 *************************************************************************/	
 -->
<template>
	<view class="main">
		<view class="top">
			<image class="top-img" src="../../static/img/common/logo.png" mode=""></image>
			<text class="top-name">淘乐点点</text>
			<text class="top-version">{{version}}({{versionCode}})</text>
		</view>
		<view class="memu">
			<view class="menu-item" v-for="(item,index) in list" :key="index" @tap="onItem(index)">
				<view class="menu-item-text">{{item}}</view>
				<text v-if="index <= 2" class="menu-item-arrow iconfont icon-iconfontyoujiantou"></text>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapStores, mapActions, mapState } from 'pinia'
	import { userStore } from '@/store/modules/userStore.js'
	import { mixedStore } from '@/store/modules/mixedStore.js'
	export default {
		data() {
			return {
				list:[
					"用户协议",
					"隐私政策",
					"福利获取声明",
					"退出登录"
				], 
				version:'1.0.0', 
				versionCode:10000
			}
		},
		computed:{
			...mapStores(userStore, mixedStore)
		},
		methods: {
			onItem(index){
				if(index == 3){
					this.onExit();
					return;
				}
				uni.navigateTo({
					url:'/pages/setting-desc/setting-desc?index='+index
				})
			},
			onExit(){
				this.userStore.persistData.token='';
				uni.showToast({
					title:'退出成功!'
				})
			},
		},
		onLoad(){
			this.version = this.mixedStore.localVer.version;
			this.versionCode = this.mixedStore.localVer.versionCode;
		}
	}
</script>

<style scoped>
	.main{
		width: 100vw;
		height: 100vh;
		background-color: #F8F7F7;
	}
	.top{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 100rpx;
	}
	.top-img{
		width: 270rpx;
		height: 275rpx;
	}
	.top-name{
		padding: 50rpx 0;
		font-size: 44rpx;
		font-weight: bold;
	}
	.top-version{
		font-size: 32rpx;
	}
	.memu{
		padding-top: 50rpx;
	}
	.menu-item{
		display: flex;
		justify-content: space-between;
		padding: 30rpx 30rpx;
		background-color: white;
		margin: 12rpx 0;
		font-size: 38rpx;
	}
</style>
